<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/bootstrap.min.css" media="screen">
</head>
<body onload="init()">
    <div class="container">
        <table class="table" id="table">
            <caption>
                <button class="btn btn-info" id="user_add" data-toggle="modal" data-target="#myModal">
                    新增
                </button>
                <button class="btn btn-info" id="user_delete">删除</button>
                <button class="btn btn-info" id="user_edit" data-toggle="modal" data-target="#myModal">
                    编辑
                </button>
                <button class="btn btn-info" id="user_find">查询</button>
                <input type="text" id="s_code" placeholder="按工号查询" style="width:130px;">
                <input type="text" id="s_name" placeholder="按姓名查询" style="width:130px;">
            </caption>
            <thead>
                <tr>
                    <th>序号</th>
                    <th>工号</th>
                    <th>姓名</th>
                    <th>性别</th>
                    <th>密码</th>
                    <th>年龄</th>
                    <th>出生日期</th>
                </tr>
            </thead>
            <tbody id="tbody">
            </tbody>
        </table>
        <!-- 模态框 -->
        <div class="modal" id="myModal" role="dialog">
            <!-- 窗口声明 -->
            <div class="modal-dialog">
                <!-- 内容声明 -->
                <div class="modal-content">
                    <!-- 框的标题 -->
                    <div class="modal-header">
                        <button class="close" data-dismiss="modal" aria-hidden="true">
                            <span>&times;</span>
                        </button>
                        <h4 class="modal-title" id="mymodalLabel">
                            用户列表
                        </h4>
                    </div>
                    <div class="modal-body" id="modal-body">
                        <label for="name">工号</label>
                        <input type="text" class="form-control" id="m_code" placeholder="请输入工号">

                        <label for="name">姓名</label>
                        <input type="text" class="form-control" id="m_userName" placeholder="请输入姓名">

                        <label for="name">性别</label>
                        <input type="text" class="form-control" id="m_sex" placeholder="请输入性别">

                        <label for="name">密码</label>
                        <input type="text" class="form-control" id="m_passWord" placeholder="请输入密码">

                        <label for="name">年龄</label>
                        <input type="text" class="form-control" id="m_age" placeholder="请输入年龄">

                        <label for="name">出生日期</label>
                        <input type="text" class="form-control" id="m_birthday" placeholder="请输入出生日期">
                    </div>
                    <div class="modal-footer">
                        <button id="save" class="btn btn-default" data-dismiss="modal">保存</button>
                        <button type="button" class="btn btn-primary">提交更改</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="js/jquery-3.3.1.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/hw.js"></script>
    
</body>
</html>